<template>
	<!-- 左1右2 -->
	<div class="fix-box-leftRight">
		<div class='imgset-leftRightCol-wrap' :class="padding ? 'openpadding' : ''">
			<ul>
				<li :style="{marginRight: gap+'px'}">
					<div class='imgset-leftRightCol-item' v-if="!leftRightArr[0].url"></div>
					<div class='imgset-leftRightCol-item' v-if="leftRightArr[0].url" :style="(leftRightArr[0].url ? {backgroundImage: 'url(' + leftRightArr[0].url + ')'} : '')"></div>
				</li>
				<li>
					<div class='imgset-leftRightCol-img' :style="{marginBottom: gap+'px'}">
						<div class="imgset-leftRightCol-item" v-if="!leftRightArr[1]"></div>
						<div class="imgset-leftRightCol-item" v-else :style="(leftRightArr[1].url ? {backgroundImage: 'url(' + leftRightArr[1].url + ')'} : '')"></div>
					</div>
					<div class='imgset-leftRightCol-img'>
						<div class="imgset-leftRightCol-item" v-if="!leftRightArr[2]"></div>
						<div class="imgset-leftRightCol-item" v-else :style="(leftRightArr[2].url ? {backgroundImage: 'url(' + leftRightArr[2].url + ')'} : '')"></div>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
export default {
	data(){
		return {}
	},
	props:{
		leftRightArr: Array,
		gap: Number,
		padding: Boolean,
	},
	methods:{},
}
</script>
<style lang="less" scoped>
@import "../../../../../static/css/style.less";
@import "../../../../../static/css/element.less";
@import "../../../../../static/css/imgStyle.less";
</style>

